<style>
    .tree-folder{
        clear: both;
        background: none;
    }
    .tree-folder-open{
        clear: both;
        background: none;
    }
    .tree-file{
        clear: both;
        background: none;
    }
    .fa-folder {
        margin-top: 3px;
    }
    .fa-file-text{
        margin-top: 3px;
    }

    .progressbar-value .progressbar-text {
        background-color: #428bca;
        color: #FFFFFF;
    }
</style>
<script>
    var projectTypes = {{ projectTypes |json_encode }};
    var projectStatus = {{ projectStatus |json_encode }};
</script>
<table style="width: 100%;height: 100%">
    <tbody>
    {% if NavUl is defined %}
        <tr style="height: 67px">
            <td valign="top">{{ NavUl }}</td>
        </tr>
    {% endif %}
    <tr>
        <td id="depTree">
            <div id="proList_toolbar" class="xh-datagrid-toolbar" style="line-height:20px;padding:5px 0 5px 10px;">
                <select id ='prostatus' style = 'width:100px;'>
                    <option value =0 >项目状态</option>
                    {% for key ,value in projectStatus %}
                        <option value = '{{key}}'>{{value}}</option>
                    {% endfor %}
                </select>
                <select id ='bArchived' style = 'width:100px;'>
                    <option value="">归档状态</option>
                    {% for key ,value in bArchived %}
                        <option value = '{{key}}'>{{value}}</option>
                    {% endfor %}
                </select>
                <input type ='text'  id = 'projectName'/>

                <a id = 'bt_list_search'  class="easyui-linkbutton" plain="true" > <i class="fa fa-search" style="color:#2baab1;"></i> 查询</a>
                <div class="datagrid-toolbar" style="margin:3px 0 5px -10px;width:110%;"></div>
                {% if projectAdd %}
                    <a  id="bt_list_add"  plain="true"><i class="fa fa-plus fa-lg fa-fw" style="color:#2baab1;"></i>新增项目</a>
                {% endif %}
                {% if projectEdit %}
                <a id="bt_list_edit"  plain="true"><i class="fa fa-pencil fa-lg fa-fw" style="color:#2baab1;"></i>编辑</a>
                {% endif %}
                {% if projectDel %}
                    <a id="bt_list_delete"  plain="true"><i class="fa fa-remove fa-lg fa-fw" style="color:#2baab1;"></i>删除</a>
                {% endif %}
                {% if projectCheck %}
                    <a id="bt_list_check"  plain="true"><i class="fa fa-check-square-o fa-lg fa-fw" style="color:#2baab1;"></i>审核</a>
                {% endif %}
                {% if alterProjectStatus %}
                <span id="bt_list_state" plain="true">项目状态设置</span>
                {% endif %}
                {% if projectArchive %}
                    <a id="bt_list_archive" plain="true"><i class="fa fa-archive fa-lg fa-fw" style="color:#2baab1;"></i>归档</a>
                {% endif %}
            </div>

            {#为避免2次请求 将class="easyui-treegrid"去除 #}
            <table id="projectList" title="项目列表"  style="height: 100%"

                toolbar="#proList_toolbar">

            </table>
        </td>
    </tr>
    </tbody>
</table>

<div id="projectstatus" style="width:100px;color:#2baab1;display: none">
        {% for key ,value in projectStatus %}
            {% if key == 1 %}
                <div class="statusChange"  iconCls="fa fa-play" style="color:#2baab1;">开发</div>
            {% elseif key == 2 %}
                {% if depTag =='XHJSB' %}
                    <div class="statusChange"  iconCls="fa fa-plus-square" style="color:#0079c8;">测试</div>
                {% else %}
                    <div class="statusChange"  iconCls="fa fa-check" style="color:#0079c8;">完成</div>
                {% endif %}
            {% elseif key == 3 %}
                <div class="statusChange"  iconCls="fa fa-forward" style="color:#0031ff;">发布</div>
            {% elseif key == 4 %}
                <div class="statusChange"  iconCls="fa fa-check" style="color:green;">完成</div>
            {% elseif key == 6  %}
                <div class="statusChange"  iconCls="fa fa-play-circle" style="color:#00efff;">重启</div>
            {% endif %}
        {% endfor %}
        <div  class="statusChange" iconCls="fa fa-pause" style="color:red;">暂停</div>
</div>